.tou {
  width: 100%;
  height: 235px;
  background-image: url('https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E7%99%BB%E5%BD%95%E9%A1%B5/u13395.png');
  background-size: cover;
  background-color: rgb(236 253 250);

  .xiang {
    width: 320px;
    height: 230px;
    display: flex;
    background-image: url('https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E7%99%BB%E5%BD%95%E9%A1%B5/u13396.png');
    background-size: cover;

    .xiang1 {
      width: 110px;
      height: 110px;

      margin-top: 40px;
      border: 1px #fff solid;
      background-color: #fff;
      margin-left: 15px;
      border-radius: 50px;

      img {
        width: 100%;
        height: 100%;
        border-radius: 50px;
      }
    }

    .zi {
      margin-top: 50px;
      margin-left: 20px;

      .zi1 {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
      }

      .zi2 {
        font-size: 13px;
        font-weight: 700;
        color: #fff;
      }
    }
    .hui {
      width: 90px;
      height: 20px;
      color: #fff;
      text-align: center;
      line-height: 20px;
      border-radius: 20px;
      float: left;
      margin-left: -235px;
      margin-top: 130px;
      background-color: #e0c341;
    }
  }
}
.bei {
  width: 100%;
  height: 140vw;
  background-color: rgb(236 253 250);
  .li {
    width: 90%;
    height: 100px;
    background-color: #fff;
    position: relative;
    top: -50px;
    left: 20px;
    border-radius: 20px;
    box-shadow: 0 0 2px 2px rgba(185, 185, 185, 0.5);
    display: flex;

    .li1 {
      width: 50%;
      height: 100px;
      .li1_a {
        width: 80%;
        height: 25px;
        margin-left: 54px;
        margin-top: 20px;
      }
      .li1_b {
        width: 80%;
        color: #2aba66;
        font-size: 20px;
        font-weight: 700;
        margin-left: 36px;
      }
    }
    .li2 {
      .li2_a {
        height: 80px;
        width: 2px;
        background-color: rgb(234, 236, 237);
        margin-top: 10px;
      }
    }
    .li3 {
      width: 45%;
      height: 100px;
      .li3_a {
        width: 80%;
        height: 25px;
        margin-left: 54px;
        margin-top: 20px;
      }
      .li3_b {
        width: 80%;
        color: #2aba66;
        font-size: 20px;
        font-weight: 700;
        margin-left: 45px;
      }
    }
  }
  .xing {
    width: 90%;
    height: 350px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 2px 2px rgba(185, 185, 185, 0.5);
    position: relative;
    top: -30px;
    left: 20px;
    .wang {
      width: 100%;
      height: 70px;
      line-height: 70px;
      display: flex;

      .wang1 {
        width: 20%;
        .imgs {
          width: 22px;
          height: 25px;
          margin-top: 21px;
          margin-left: 20px;
          background-size: cover;
          background-image: url('https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E6%88%91%E7%9A%84_1/u14424.png');
          .imgs1 {
            width: 24px;
            height: 23px;
            float: left;
            margin-top: 1px;
            border-radius: 50px;
            line-height: 23px;
            text-align: center;
            color: #2aba66;
            font-weight: 800;
            background-color: #62cd8f;
            background: rgba(87, 211, 114, 0.5);
          }
        }
      }
      .wang2 {
        width: 80%;
        font-weight: 700;
        font-size: 15px;
        span {
          color: #d8d7d7;
          font-weight: 100;
        }
      }
      .wang3 {
        width: 10%;
      }
    }

    .ke {
      width: 100%;
      height: 70px;
      line-height: 70px;
      display: flex;

      .ke1 {
        width: 20%;
        .imgs {
          width: 22px;
          height: 25px;
          margin-top: 21px;
          margin-left: 20px;
          background-size: cover;
          background-image: url('https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E6%88%91%E7%9A%84_1/u14431.png');
          .imgs1 {
            width: 17px;
            height: 17px;
            float: left;
            margin-top: 1px;
            margin-left: 3px;
            border-radius: 50px;
            line-height: 23px;
            text-align: center;
            color: #2aba66;
            font-weight: 800;
            background-color: #62cd8f;
            background: rgba(87, 211, 114, 0.5);
          }
        }
      }
      .ke2 {
        width: 80%;
        font-weight: 700;
        font-size: 15px;
        span {
          color: #d8d7d7;
          font-weight: 100;
        }
      }
      .ke3 {
        width: 10%;
      }
    }

    .dong {
      width: 100%;
      height: 70px;
      line-height: 70px;
      display: flex;

      .dong1 {
        width: 20%;
        .imgs {
          width: 22px;
          height: 25px;
          margin-top: 21px;
          margin-left: 20px;
          background-size: cover;
          background-image: url('https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E6%88%91%E7%9A%84_1/u14436.png');
          .imgs1 {
            width: 20px;
            height: 20px;
            float: left;
            margin-top: 1px;
            margin-left: 3px;
            border-radius: 50px;
            line-height: 23px;
            text-align: center;
            color: #2aba66;
            font-weight: 800;
          }
        }
      }
      .dong2 {
        width: 80%;
        font-weight: 700;
        font-size: 15px;
        span {
          color: #d8d7d7;
          font-weight: 100;
        }
      }
      .dong3 {
        width: 10%;
      }
    }

    .xiu {
      width: 100%;
      height: 70px;
      line-height: 70px;
      display: flex;

      .xiu1 {
        width: 20%;
        .imgs {
          width: 22px;
          height: 25px;
          margin-top: -3px;
          margin-left: 15px;

          .imgs1 {
            width: 35px;
            height: 20px;
            img {
              width: 100%;
            }
          }
        }
      }
      .xiu2 {
        width: 80%;
        font-weight: 700;
        font-size: 15px;
        span {
          color: #d8d7d7;
          font-weight: 100;
        }
      }
      .xiu3 {
        width: 10%;
      }
    }

    .cha {
      width: 100%;
      height: 70px;
      line-height: 70px;
      display: flex;

      .cha1 {
        width: 20%;
        .imgs {
          width: 22px;
          height: 25px;
          margin-top: -3px;
          margin-left: 15px;

          .imgs1 {
            width: 35px;
            height: 20px;
            img {
              width: 100%;
            }
          }
        }
      }
      .cha2 {
        width: 80%;
        font-weight: 700;
        font-size: 15px;
        span {
          color: #d8d7d7;
          font-weight: 100;
        }
      }
      .cha3 {
        width: 10%;
      }
    }
  }
  .chu {
    width: 90%;
    height: 50px;
    background-color: #ed5565;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: 800;
    border-radius: 25px;
    box-shadow: 0 0 2px 2px rgba(185, 185, 185, 0.5);
  }
}
